@import './mixin.scss';
.container{
    width:1226px;
    margin-right:auto;
    margin-left:auto;
    position:relative;
}
a{
    img{
        width: 100%;
        height:100%;
    }
}
input{
    outline: none;
    box-sizing: border-box;
    font-size: 14px;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.clearfix:before,.clearfix:after{
    content: '';
    display: table;
}
.clearfix:after{
    clear: both;
}
.header-logo{
    display:inline-block;
    width:55px;
    height:55px;
    background: #ff6600;
    a{
      display:inline-block;
      width:110px;
      height:55px;
      &:before{
        content:'';//这个必须要加
        @include bgImg(55px,55px,'/img/mi-logo.png',55px);
        // display:inline-block;
        // width:55px;
        // height:55px;
        // background: url('/img/mi-logo.png') no-repeat center;
        // background-size:55px;
        transition:margin .2s;//移入前后动画切换
      }
      &:after{
        content:'';//这个必须要加
        @include bgImg(55px,55px,'/img/mi-home.png',55px);
        // display:inline-block;
        // width:55px;
        // height:55px;
        // background: url('/img/mi-home.png') no-repeat center;
        // background-size:55px;
        transition:margin .2s;
      }
      &:hover:before{//移入前后动画切换
        margin-left:-55px;
        transition:margin .2s;
      }
    }
  }